<template>
	<view class="content" :style="{backgroundImage:`url(${indexBackgroundImage})`}">
		<view class="title">
			<u-icon name="arrow-left" color="#323233" size="36" @tap="$navigateBack()"></u-icon>
			<text>面试人姓名</text>
		</view>
		<view class="main">
			<view class="mainTop">
				<view class="job">
					<view class="jobTitle">
						<text>{{details.positionName}}</text> <text v-if="details.salaryType===1">{{details.positionSalaryValue}}</text>
            <text v-else>{{details.daySalaryValue }}</text>
					</view>
					<view class="time">
						<text class="light">报名时间：</text><text>2021.07——2021.08</text>
					</view>
				</view>
			</view>
			<view class="chain">
				<image src="/static/employInvite/chain.png" mode=""></image>
				<image src="/static/employInvite/chain.png" mode=""></image>
			</view>
			<view class="mainBottom">
				<view class="icon">
					<view class="tel">
						<image src="/static/employInvite/tel.png" mode=""></image>
						<text>打电话</text>
					</view>
					<view class="tel">
						<image src="/static/employInvite/wx.png" mode=""></image>
						<text>聊微信</text>
					</view>
					<view class="tel">
						<image src="/static/employInvite/invite.png" mode=""></image>
						<text>邀发简历</text>
					</view>
					<view class="tel">
						<image src="/static/employInvite/no.png" mode=""></image>
						<text>不合适</text>
					</view>
				</view>
			</view>
		</view>
		<Tabbar :current="0"></Tabbar>
	</view>
</template>

<script>
	import indexBackgroundImage from "@/static/publish/bg1.png"
  import { comDeliveryInfo as positionInfo,deliveryInfo } from '@/api/myCompan'
  import { isLogins } from '@/utils/isLogin'
  import dictType from '@/mixins/dictType-minxis'
	export default {
    mixins:[dictType],
		data() {
			return {
				indexBackgroundImage: indexBackgroundImage,
			}
		},
    onLoad({id}) {
      this.id = id
      this. deliveryInfo(this.id)
    },
		methods: {
			//跳转列表对应页面
			nextPage(url) {
				uni.navigateTo({
					url: url,
					fail() {
						uni.switchTab({
							url: url,
							fail() {
								uni.showToast({
									title: '暂未开通，敬请期待！',
									icon: 'none'
								});
							}
						});
					}
				});
			},
      //投递详情
      deliveryInfo(id){
        deliveryInfo(id).then(res=>{
          const {code,message,result} =res
          if(code===200){
            this.details = result
            this. getDictItemsTypes1()
          }
        }).catch(err=>{
          console.log (err)
        })
      },
		}
	}
</script>

<style lang="scss" scoped>
.content{
	height: 100vh;
	background-repeat: no-repeat;
	background-size: 100%;
	.title{
		width: 100%;
		height: 120rpx;
		line-height: 120rpx;
		text-align: center;
		.u-icon{
			position: absolute;
			height: 120rpx;
			left: 20rpx;
		}
		text{
			font-size: 32rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #323233;
		}
	}
	.main{
		position: relative;
		margin-top: 20rpx;
		.mainTop{
			margin: 0 30rpx;
			padding: 10rpx;
			background: #55BBAF;
			border-radius: 10rpx;
			.job{
				background: #FFFFFF;
				border-radius: 10rpx;
				.jobTitle{
					padding: 25rpx;
					display: flex;
					justify-content: space-between;
					text{
						font-size: 32rpx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #323233;
					}
					.wage{
						color: #53BAB1;
					}
				}
				.time{
					padding: 50rpx 25rpx;
					.light{
						font-size: 24rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #969799;
					}
				}
			}
		}
		.chain{
			position: absolute;
			display: flex;
			justify-content: space-between;
			padding: 0 50rpx;
			width: 100%;
			top: 200rpx;
			image{
				width: 50rpx;
				height: 110rpx;
			}
		}
		.mainBottom{
			margin: 0 30rpx;
			padding: 10rpx;
			background: #55BBAF;
			border-radius: 10rpx;
			.icon{
				padding: 80rpx 50rpx;
				display: flex;
				justify-content: space-between;
				background: #FFFFFF;
				border-radius: 10rpx;
				.tel{
					display: flex;
					flex-direction: column;
					align-items: center;
					image{
						width: 100rpx;
						height: 100rpx;
					}
					text{
						margin-top: 30rpx;
					}
				}
			}
		}
	}
}

</style>
